<template>
  <div class="shopBuying-container">
    <h3>限时抢购 <span>更多 ></span></h3>
    <div class="info">
      <ul>
        <li>
          <img src="../assets/images/00eec061c085ed4f.png" alt="">
          <p>【三八女神节】应市</p>
          <p>45*72cm万家世纪...</p>
          <div class="info-money">
            <div class="left">
              <p>￥59</p>
              <del>￥89</del>
            </div>
            <div class="right">
              <img src="../assets/images/seckillQiang.3882994a.png" alt="">
            </div>
          </div>
        </li>
        <li>
          <img src="../assets/images/00eec061c085ed4f.png" alt="">
          <p>【三八女神节】应市</p>
          <p>45*72cm万家世纪...</p>
          <div class="info-money">
            <div class="left">
              <p>￥59</p>
              <del>￥89</del>
            </div>
            <div class="right">
              <img src="../assets/images/seckillQiang.3882994a.png" alt="">
            </div>
          </div>
        </li>
        <li>
          <img src="../assets/images/00eec061c085ed4f.png" alt="">
          <p>【三八女神节】应市</p>
          <p>45*72cm万家世纪...</p>
          <div class="info-money">
            <div class="left">
              <p>￥59</p>
              <del>￥89</del>
            </div>
            <div class="right">
              <img src="../assets/images/seckillQiang.3882994a.png" alt="">
            </div>
          </div>
        </li>
        <li>
          <img src="../assets/images/00eec061c085ed4f.png" alt="">
          <p>【三八女神节】应市</p>
          <p>45*72cm万家世纪...</p>
          <div class="info-money">
            <div class="left">
              <p>￥59</p>
              <del>￥89</del>
            </div>
            <div class="right">
              <img src="../assets/images/seckillQiang.3882994a.png" alt="">
            </div>
          </div>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
  export default {
    name: ""
  }
</script>

<style lang="scss" scoped>
.shopBuying-container{
  background-color: #fff;
  margin-top: 25px;
  border-radius: 44px;
  padding: 64px 30px;
  h3{
    margin: 0 0 34px;
    line-height: 69px;
    font-size: 60px;
    span{
      font-size: 40px;
      float: right;
      color: #333;
    }
  }
  .info{
    overflow: hidden;
    ul{
      margin: 0;
      padding: 0;
      display: flex;
      width: 133.3333%;
      list-style: none;
      li{
        /*flex: 1;*/
        margin-right: 28px;
        width: 355px;
        p{
          margin: 0;
          padding: 0;
        }
        &>img{
           width: 100%;
        }
         &>p{
            margin: 24px 0;
          }
        .info-money{
          justify-content: space-between;
          display: flex;
          .left{
            p{
              font-size: 38px;
              color: crimson;
              font-weight: bold;
            }
            del{
              font-weight: bold;
              font-size: 30px;
            }
          }
        }
      }
    }
  }
}
</style>
